<template>
  <a-table
    :columns="columns"
    :data-source="data"
    :pagination="false"
  >
    <template slot="tags" slot-scope="tags">
      <a-tag v-for="tag in tags" :key="tag" color="blue">{{ tag }}</a-tag>
    </template>
  </a-table>
</template>
<script>
const columns = [
  {
    title: '银行名称',
    dataIndex: 'bank',
  },
  {
    title: '银行账号',
    dataIndex: 'number',
  },
  {
    title: '标签',
    dataIndex: 'tags',
    scopedSlots: { customRender: 'tags' },
  },
]

const data = [
  {
    number: 'xxxxxx',
    bank: 'xxx bank',
    tags: ['借贷卡'],
  },
]

export default {
  data () {
    return {
      data,
      columns,
    }
  },
}
</script>
